Show dry result in tabs
Thiago Talma
1 changed files with 24 additions and 6 deletions
+ 24
- 6
app/assets/javascripts/components/utils.js.coffee
@@ -99,12 +99,30 @@ class @Utils |
||
| 99 | 99 |
$('body').css(cursor: 'auto')
|
| 100 | 100 |
.done (json) => |
| 101 | 101 |
Utils.showDynamicModal """ |
| 102 |
- <h5>Log</h5> |
|
| 103 |
- <pre class="agent-dry-run-log"></pre> |
|
| 104 |
- <h5>Events</h5> |
|
| 105 |
- <pre class="agent-dry-run-events"></pre> |
|
| 106 |
- <h5>Memory</h5> |
|
| 107 |
- <pre class="agent-dry-run-memory"></pre> |
|
| 102 |
+ <!-- Nav tabs --> |
|
| 103 |
+ <ul class="nav nav-tabs" role="tablist"> |
|
| 104 |
+ <li role="presentation" class="active"><a href="#log" aria-controls="log" role="tab" data-toggle="tab">Log</a></li> |
|
| 105 |
+ <li role="presentation"><a href="#events" aria-controls="events" role="tab" data-toggle="tab">Events</a></li> |
|
| 106 |
+ <li role="presentation"><a href="#memory" aria-controls="memory" role="tab" data-toggle="tab">Memory</a></li> |
|
| 107 |
+ </ul> |
|
| 108 |
+ <!-- Tab panes --> |
|
| 109 |
+ <div class="tab-content"> |
|
| 110 |
+ <div role="tabpanel" class="tab-pane active" id="log"> |
|
| 111 |
+ <p> |
|
| 112 |
+ <pre class="agent-dry-run-log"></pre> |
|
| 113 |
+ </p> |
|
| 114 |
+ </div> |
|
| 115 |
+ <div role="tabpanel" class="tab-pane" id="events"> |
|
| 116 |
+ <p> |
|
| 117 |
+ <pre class="agent-dry-run-events"></pre> |
|
| 118 |
+ </p> |
|
| 119 |
+ </div> |
|
| 120 |
+ <div role="tabpanel" class="tab-pane" id="memory"> |
|
| 121 |
+ <p> |
|
| 122 |
+ <pre class="agent-dry-run-memory"></pre> |
|
| 123 |
+ </p> |
|
| 124 |
+ </div> |
|
| 125 |
+ </div> |
|
| 108 | 126 |
""", |
| 109 | 127 |
body: (body) -> |
| 110 | 128 |
$(body). |